import { Link } from '@brillout/docpress'
import { Example, UiFrameworkExtension, CommunityNote } from '../../components'

<CommunityNote url="https://tanstack.com/query" />

> Instead of manually integrating TanStack Query yourself, you can use:
> - [`vike-react-query`](https://github.com/vikejs/vike-react/tree/main/packages/vike-react-query)
> - [`vike-solid-query`](https://github.com/vikejs/vike-solid/tree/main/packages/vike-solid-query)
> - [`vike-vue-query`](https://github.com/vikejs/vike-vue/tree/main/packages/vike-vue-query)

## Manual integration

To manually integrate TanStack Query, see:
 - <Link href="/integration#data-fetching" />

Examples of integrating TanStack Query without using <UiFrameworkExtension name />:
 - <Example timestamp="2024.04" repo="Blankeos/hono-trpc" /> - Hono + tRPC + Solid + Tanstack Query + Nprogress
 - <Example timestamp="2023.11" repo="nabi-chan/vike-trpc-ssr" /> (using Vike)
 - <Example timestamp="2023.11" repo="phonzammi/vike-react-tanstack-query" /> (using Vike)
 - <Example timestamp="2023.11" repo="phonzammi/vike-react-query" /> (using <Link href="/vike-react">`vike-react`</Link>)
 - <Example timestamp="2023.07" repo="alternativniy/vite-ssr-with-react-query" /> (using Vike)
 - <Example timestamp="2023.04" repo="YannBirba/vps-react-query" /> (using Vike)

> vite-plugin-ssr was the [previous name of Vike](https://vite-plugin-ssr.com/vike).

> You can also have a look at the source code of:
> - [`vike-react-query`](https://github.com/vikejs/vike-react/tree/main/packages/vike-react-query)
> - [`vike-vue-query`](https://github.com/vikejs/vike-vue/tree/main/packages/vike-vue-query)


## See also

- [Discussion about pre-rendering and TanStack Query](https://github.com/vikejs/vike/discussions/774)
